<template>
  <Table
    ref="tableRef"
    :set-height="false"
    :column="columns"
    :data="tableData"
  ></Table>
</template>
<script lang="ts" setup>
import { ref, Ref } from "vue";
import type { RowVO } from "./interface";
import { columns } from "./column";
import Table from "@/components/table/index.vue";
/**
 * hook
 */
const tableRef: Ref<HTMLElement | null> = ref(null);
// ref
const tableData = ref<RowVO[]>([]);
setTimeout(() => {
  tableData.value = [
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
    {
      id: 12165456,
      name: "Stanley",
      face: "https://img2.baidu.com/it/u=246493236,1763577649&fm=253&fmt=auto&app=120&f=JPEG?w=500&h=500",
      gender: "男",
      nationality: "中国",
      number: "MSG000001",
      telphone: "028-12165321",
      account: "admin@sas.upenn.eud",
      wechat: "",
      educational: "宾夕法尼亚大学",
    },
  ];
  useLoading(false);
}, 1000);
</script>
